<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	//http://localhost:8080/logistics/
%>
<html>
<head>
<!-- 设置页面的 基本路径，页面所有资源引入和页面的跳转全部基于 base路径 -->
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
	
<script type="text/javascript" src="lib/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> 

<script type="text/javascript">
	/* zTree的设置对象 */
	var setting = {
		data: {
			/* 支持简单json格式数据 */
			simpleData: {
				enable: true
			}
		},
		/* 是否支持复选框 */
		check: {
			enable: true
		}
	};
	
	/* zTree显示的数据 */
	var zNodes =[
		{ id:1, pId:0, name:"管理员管理", open:true},
		{ id:11, pId:1, name:"管理员列表"},
		{ id:111, pId:1, name:"角色管理"},
		{ id:112, pId:1, name:"权限管理"},
		{ id:113, pId:0, name:"系统管理",open:true},
		{ id:114, pId:113, name:"基础数据管理"}
		];
	
	
	$(function(){
		
		//初始化zTree
		$.fn.zTree.init($("#permissionTree"), setting, zNodes);
	});
	


</script>


</head>
<body>


<ul id="permissionTree" class="ztree"></ul>

</body>
</html>